<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/style.css" />


</head>

<body>
	<div class="box">
		<!-- 菜单 -->
		<div class="menu">
			<div class="menu-left">
				<h1>青春影院</h1>
			</div>
			<div class="menu-right">
				<ul>
					<li><a href="#">首页</a></li>
				 
					<li><a href="classify.html">港片</a></li>
					<li><a href="record.html">女生观看</a></li>
				    
					<li><a href="charts.html">男生观看</a></li>
					<li><a href="longin.html">最新影片</a></li>
					<li><a href="register.html">热门榜</a></li>
					<li><a href="register.html">登录</a></li>
					<li><input type="search" class="search" value="请输入搜索"><input type="button" class="button" value="搜索"></li>
					
				</ul>
			</div>
		</div>
		<div class="wrap-top">
        <div class="classify">
			<ul class="classify-ul1">
				<li><a href="#">纪录片</a></li>
				<li><a href="#">战争片</a></li>
				<li><a href="#">历史片</a></li>
				<li><a href="#">体育片</a></li>
				<li><a href="#">传记片</a></li>
				<li><a href="#">科幻片</a></li>
				<li><a href="#">魔幻片</a></li>
				<li><a href="#">奇幻片</a></li>
				<li><a href="#">武侠片</a></li>
				<li><a href="#">文艺片</a></li>
			</ul>
			<ul class="classify-ul2">
				<li><a href="#">动漫片</a></li>
				<li><a href="#">古装片</a></li>
				<li><a href="#">爱情片</a></li>
				<li><a href="#">爱情片</a></li>
				<li><a href="#">喜剧片</a></li>
				<li><a href="#">家庭片</a></li>
				<li><a href="#">恐怖片</a></li>
				<li><a href="#">犯罪片</a></li>
				<li><a href="#">悬疑片</a></li>
				<li><a href="#">冒险片</a></li>
			</ul>
		</div>
		

		<!-- 轮播图 -->
		<div class="wrap">
			<ul>
				<li><a href="javascript:;"><img src="../img/1" alt=""></a></li>
				<li><a href="javascript:;"><img src="../img/2" alt=""></a></li>
				<li><a href="javascript:;"><img src="../img/3" alt=""></a></li>
				<li><a href="javascript:;"><img src="../img/4" alt=""></a></li>
				<li><a href="javascript:;"><img src="../img/5" alt=""></a></li>
			</ul>
			<!-- 按钮 -->
			<a class="left" href="javascript:;">&lt;</a>
			<a class="right" href="javascript:;">&gt;</a>

			<ol id="list">

			</ol>
		</div>

	</div>
		<!-- 新歌===== -->
		<div class="new-music">
			<!-- 新歌标题 -->
			<div class="new-music-title">
				<h1>热门影片</h1>
			</div>

			<!-- 新歌内容 -->
			<div class="new-music-con">
				<ul>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/6" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/8" alt=""></a>
					</li>

					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/7" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/9" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/10" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/11" alt=""></a>
					</li>
				</ul>

				<ul>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/13" alt=""></a>
					</li>

					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/14" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/15" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/16" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/17" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/18" alt=""></a>
					</li>
				</ul>
				<ul>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/19 alt="></a>
					</li>

					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/21"></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/33.jpg" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/34.jpg" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/35.jpg" alt=""></a>
					</li>
					<li class="con-li">
						<a class="con-li_caption_a" href="#"><img class="con-img" src="../img/36.jpg" alt=""></a>
					</li>
				</ul>
			</div>

		</div>












		 <!-- 友情链接 -->
		 <div class="links">
            <dl>
                <dt>影片相关</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
    
            </dl>

            <dl>
                <dt>影片相关</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
           
            </dl>

            <dl>
                <dt>影片相关</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
            
            </dl>

            <dl>
                <dt>影片相关</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
               
            </dl>
        </div>
        <!-- 友情链接 -->


        <!-- 版权 -->
        <div class="banquan">
            <i>&copy;版权归 19级计算机1班 零征英 201980050001享有 盗版必究！</i>
        </div>
        <!-- 版权 -->
		
	</div>
</body>

</html>
<script src="../js/js.js" type="text/javascript" charset="utf-8"></script>
<script>


</script>